<template>
<!--  :style="{'background':(hasBackground?'rgba(11,25,77,0.5)':'none')}"-->
  <div style="width:100%;line-height: 30px;" >
    <div class="d-flex align-items-center justify-content-around titleMark_large  mx-auto" >
      <i class="iconfont icon-title2 mr-0"></i>{{title}}<i class="iconfont icon-title3 mr-0"></i>
    </div>
  </div>
</template>

<script>

  export default {
    components: {},
    props: {
      title:'',
      hasBackground:{
        type:Boolean,
        default:true
      }
    },
    data() {
      return {

      }
    },
    watch: {},
    computed: {},
    methods: {},
    created() {
    },
    mounted() {
    }
  }
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
</style>
